import React from 'react'
import Code from './Code'
import TitleBar from '../ui-components/titleBar'
import SubNav from '../ui-components/subNav'
import style from './style'
import cx from 'classnames'

export default () => (
  <div className={cx({
    [style.root]: true
  })}>
    <Code>{'<SubNav nav={[{label:\'one\', link:\'#one\'}, {label:\'two\',link:\'#two\'}]}/>'}</Code>
    <div style={{width: '900px'}}>
      <TitleBar 
        label='带导航的标题'
      />
    </div>
    <SubNav nav={[{label:'one', link:'#one', active:true}, {label:'two',link:'#two'}]}/>
  </div>
)
